<template>
  <div id="app">
    <!-- 头部tab -->
    <Tab id="Tab"></Tab>
    <!-- 中间内容 -->
    <router-view id="content"/>
    <!-- 底部信息 -->
    <Foot id="foot"></Foot>
  </div>
</template>

<script>
import Tab from "@/components/head/Tab";
import Foot from "@/components/foot/Foot";

export default {
  name: "App",
  components: {
    Tab,
    Foot
  }
};
</script>

<style scoped>
#app {
  width: 100%;
  height: 100%;
  font-family: Noto Sans SC;
}

#Tab {
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

#content{
  min-height: 100%;
}

#foot{
  width: 100%;
  height: 250px;
  padding: 50px;
  background: #F0F0F0
}
</style>